<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>品优购-hhhhhhhhhhhh</title>
    <meta name="description" contant="品优购-专业。。" />
    <meta name="keywords" contant="hhhh" />
    <link rel="shortcut icon" href="images\bitbug_favicon.ico" />
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<!-- 我的订单  |  我的品优购     |  品优购会员  |  企业采购  |  关注品优购     |  客户服务     |  网站导航 -->

<body>
    <div class="shortcut">
        <section class="w">
            <div class="fl">
                <div>品优购欢迎您！</div>
                <ul>
                    <li><a href="#">请登录 &nbsp</a></li>
                    <li><a href="register.html" class="font_color">免费注册</a></li>
                </ul>
            </div>
            <div class="fr">
                <ul>
                    <li>网站导航</li>
                    <li>|</li>
                    <li>客户服务</li>
                    <li>|</li>
                    <li>关注品优购</li>
                    <li>|</li>
                    <li>企业采购</li>
                    <li>|</li>
                    <li>品优购会员</li>
                    <li>|</li>
                    <li>我的品优购</li>
                    <li>|</li>
                    <li>我的订单</li>
                </ul>
            </div>
        </section>
    </div>
    <!---------------------------------------- 头部模块------------------------------------ -->
    <header class="header w">
        <div class="logo">
            <h1>
                <a href="index.html">品优购商城</a>
            </h1>
        </div>
        <!-- 搜索框 -->
        <input type="text" class="input1" value="语言开发">
        <input type="button" class="input2" value="搜索">
        <ul>
            <li><a href="#">优惠</a></li>
            <li><a href="#">优惠购首发</a></li>
            <li><a href="#">亿元</a></li>
            <li><a href="#">9.9</a></li>
            <li><a href="#">亿元</a></li>
            <li><a href="#">9.9</a></li>
            <li><a href="#">亿元</a></li>
        </ul>

        <div class="shopcar">
            我的购物车
            <i class="count">8</i>
        </div>
    </header>
    <!-- --------------------------------------导航栏-------------------------------------- -->
    <div class="nav">
        <div class="nav3 w">
            <div class="nav1">
                全部商品分类
            </div>
            <ul class="nav2">
                <li>服装城</li>
                <li>美妆馆</li>
                <li>传智超市</li>
                <li>全球购</li>
                <li>闪购</li>
                <li>团购</li>
                <li>拍卖</li>
                <li>有趣</li>
            </ul>
        </div>
    </div>
    <div class="body w clearfix">
        <ul class="col">
            <li>家用电器</li>
        <li><a href="list.html" >手机</a>、数码、通信</li>
            <li>电脑、办公</li>
            <li>家居、家具、家装、厨具</li>
            <li>男装、女装、童装、内衣</li>
            <li>个户化妆、清洁用品、宠物</li>
            <li>鞋靴、箱包、珠宝、奢侈品</li>
            <li>运动户外、钟表</li>
            <li>汽车、汽车用品</li>
            <li>母婴、玩具乐器</li>
            <li>食品、酒类、生鲜、特产</li>
            <li>医药保健</li>
            <li>图书、音像、电子书</li>
            <li>彩票、旅行、充值、票务</li>
            <li>理财、众筹、白条、保险</li>
        </ul>
        <!-- ---------------------------------main部分------------------------------------------------------ -->
        <div class="main">
            <div class="ml">
                <img src="upload/focus1.png" alt="">

            </div>
            <div class="mr">
                <div class="div1">
                    <div class="hd">品优购快报</div>
                    <ul class="bd">
                        <li><strong>[公告]</strong>上门自提</li>
                        <li><strong>[公告]</strong>211限时达</li>
                        <li><strong>[公告]</strong>配送服务查询</li>
                        <li><strong>[公告]</strong>配送费收取标准</li>
                        <li><strong>[公告]</strong>海外配送</li>
                    </ul>
                </div>
                <div class="div2">
                    <ul>
                        <li>
                            <div></div>
                            <p>话费</p>
                        </li>
                        <li>
                            <div></div>
                            <p>话费</p>
                        </li>
                        <li>
                            <div></div>
                            <p>话费</p>
                        </li>
                        <li>
                            <div></div>
                            <p>话费</p>
                        </li>
                        <li>
                            <div></div>
                            <p>话费</p>
                        </li>
                        <li>
                            <div></div>
                            <p>话费</p>
                        </li>
                        <li>
                            <div></div>
                            <p>话费</p>
                        </li>
                        <li>
                            <div></div>
                            <p>话费</p>
                        </li>
                        <li>
                            <div></div>
                            <p>话费</p>
                        </li>
                        <li>
                            <div></div>
                            <p>话费</p>
                        </li>
                        <li>
                            <div></div>
                            <p>话费</p>
                        </li>
                        <li>
                            <div></div>
                            <p>话费</p>
                        </li>
                    </ul>
                </div>
                <div class="div3"><img src="upload\bargain.png" alt=""></div>
            </div>
        </div>
    </div>
    <!-- --------------------------------推荐模块----------------------------------- -->
    <div class="recomand w">
        <div class="recomand_hd">
            <img src="images\今日推荐.png" alt="">
        </div>
        <ul class="recomand_bd">
            <li><img src="upload\recom_03.jpg" alt=""></li>
            <li><img src="upload\recom_03.jpg" alt=""></li>
            <li><img src="upload\recom_03.jpg" alt=""></li>
            <li><img src="upload\recom_03.jpg" alt=""></li>
        </ul>
    </div>
    <!-- -----------------------电梯模块-------------------------------------- -->
    <div class="guess w">
        <div class="guess_recomand">
            <p>猜你喜欢</p>
            <div class="change">
                换一换
            </div>
        </div>
        <ul class="guess1">
            <li>
                <img src="upload\guess.png">
                <div class="img_bottom">
                    <p>爱仕达 30CM炒锅不粘</p>
                    <p>锅NWG8330E电磁炉炒</p>
                    <h3> 99.00</h3>
                </div>
            </li>
            <li> <img src="upload\guess.png">
                <div class="img_bottom">
                    <p>爱仕达 30CM炒锅不粘</p>
                    <p>锅NWG8330E电磁炉炒</p>
                    <h3> 99.00</h3>
                </div>
            </li>
            <li> <img src="upload\guess.png">
                <div class="img_bottom">
                    <p>爱仕达 30CM炒锅不粘</p>
                    <p>锅NWG8330E电磁炉炒</p>
                    <h3> 99.00</h3>
                </div>
            </li>
            <li> <img src="upload\guess.png">
                <div class="img_bottom">
                    <p>爱仕达 30CM炒锅不粘</p>
                    <p>锅NWG8330E电磁炉炒</p>
                    <h3> 99.00</h3>
                </div>
            </li>
            <li> <img src="upload\guess.png">
                <div class="img_bottom">
                    <p>爱仕达 30CM炒锅不粘</p>
                    <p>锅NWG8330E电磁炉炒</p>
                    <h3> 99.00</h3>
                </div>
            </li>
            <li> <img src="upload\guess.png">
                <div class="img_bottom">
                    <p>爱仕达 30CM炒锅不粘</p>
                    <p>锅NWG8330E电磁炉炒</p>
                    <h3> 99.00</h3>
                </div>
            </li>
        </ul>
    </div>
    <!-- ------------------floor模块------------------------- -->
    <div class="floor w">
        <div class="floor_bd">
            <h3>家用电器</h3>
            <ul>
                <!-- 热门  |  大家电  |  生活电器  |  厨房电器
         |  个护健康  |  应季电器  |  空气/净水  |  新奇特  |  高端电器 -->

                <li><a href="#" class="style_red">热门</a>|</li>
                <li><a href="#">大家电</a>|</li>
                <li><a href="#">生活电器</a>|</li>
                <li><a href="#">厨房电器</a>|</li>
                <li><a href="#">空气/净水</a>|</li>
                <li><a href="#">热门</a>|</li>
                <li><a href="#">热门</a>|</li>
                <li><a href="#">热门</a>|</li>
                <li><a href="#">热门</a></li>
            </ul>
        </div>
        <div class="floor_hd">
            <ul class="box1">
                <li class="pic1">
                    <ul>
                        <li>节能补贴</li>
                        <li>4K电视</li>
                        <li>空气净化器</li>
                        <li>IH电饭煲</li>
                        <li>滚筒洗衣机</li>
                        <li>IH电饭煲</li>
                    </ul>
                    <a href="#">
                        <img src="upload\floor-1-1.png" alt="">
                    </a>
                </li>
                <li class="pic2">
                    <a href="#">
                        <img src="upload\floor-1-b01.png" alt="">
                    </a>
                </li>
                <li class="pic3">
                    <a href="#">
                        <img src="upload\floor-1-2.png" alt="" class="box1">
                    </a>
                    <a href="#">
                        <img src="upload\floor-1-3.png" alt="">
                    </a>
                </li>
                <li class="pic4">
                    <a href="#">
                        <img src="upload\floor-1-4.png" alt="">
                    </a>
                </li>
                <li class="pic5">
                    <a href="#">
                        <img src="upload\floor-1-5.png" alt="" class="box1">
                    </a>
                    <a href="#">
                        <img src="upload\floor-1-6.png" alt="">
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <!-- ----------------footer部分-----------165 209 76-------->
    <div class="footer">
        <ul class="footer1 w">
            <li class="footer2">
                <div class="jinglingtu"></div>
                <h5>正品保障</h5>
                <p>正品保障，提供发票</p>
            </li>
            <li class="footer2">
                <div class="jinglingtu"></div>
                <h5>正品保障</h5>
                <p>正品保障，提供发票</p>
            </li>
            <li class="footer2">
                <div class="jinglingtu"></div>
                <h5>正品保障</h5>
                <p>正品保障，提供发票</p>
            </li>
            <li class="footer2">
                <div class="jinglingtu"></div>
                <h5>正品保障</h5>
                <p>正品保障，提供发票</p>
            </li>
            <li class="footer2">
                <div class="jinglingtu"></div>
                <h3>正品保障</h3>
                <p>正品保障，提供发票</p>
            </li>
        </ul>
        <div class="mod_help w">
            <dl>
                <dt>购物指南</dt>
                <dd>上门自提</dd>
                <dd>211限时达</dd>
                <dd>配送服务查询</dd>
                <dd>配送费收取标准</dd>
                <dd>海外配送</dd>
            </dl>
            <dl>
                <dt>购物指南</dt>
                <dd>上门自提</dd>
                <dd>211限时达</dd>
                <dd>配送服务查询</dd>
                <dd>配送费收取标准</dd>
                <dd>海外配送</dd>
            </dl>
            <dl>
                <dt>购物指南</dt>
                <dd>上门自提</dd>
                <dd>211限时达</dd>
                <dd>配送服务查询</dd>
                <dd>配送费收取标准</dd>
                <dd>海外配送</dd>
            </dl>
            <dl>
                <dt>购物指南</dt>
                <dd>上门自提</dd>
                <dd>211限时达</dd>
                <dd>配送服务查询</dd>
                <dd>配送费收取标准</dd>
                <dd>海外配送</dd>
            </dl>
            <dl>
                <dt>购物指南</dt>
                <dd>上门自提</dd>
                <dd>211限时达</dd>
                <dd>配送服务查询</dd>
                <dd>配送费收取标准</dd>
                <dd>海外配送</dd>
            </dl>
            <dl>
                <dt>购物指南</dt>
                <img src="images/下载.jpg" alt="">
                <dd>品优购客户端</dd>
            </dl>
        </div>
        <div class="mod_copyright w">
            <p class="p1">关于我们 | 联系我们 | 联系客服 | 商家入驻 | 营销中心 | 手机品优购 | 友情链接 | 销售联盟 | 品优购社区 | 品优购公益 | English Site |
                Contact U</p>
            <p>地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn</p>
            <p>京ICP备08001421号京公网安备110108007702</p>
        </div>

    </div>
</body>


</html>